.ui-toast {
  transition-property:all;
  transition-duration: .2s;
  position: fixed;
  z-index:999999;
  left:0;
  right:0;
  top:100%;
  opacity:0;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-size:30px;
  transform: translate3d(0,100%,0);
  p {
      padding:16px 20px;
      max-width: 690px;
      border-radius:8px;
      background-color: rgba(0,0,0,.5);
  }
  &.toast-out {
      opacity:0;
      top:80%;
  }
  &.toast-in {
      opacity:1;
      top:50%;
      transform: translate3d(0,-50%,0);
  }
}
